/**
 * @author arcueid_dcg@hotmail.com
 */

 
/**
 *	Frame
 */
.float{
	float:left;
	
}

.frame{
	height:600px;
	position:relative;
}


.frame_unit_1, .frame_unit_2, .frame_unit_3{
	position:absolute;
}
.frame_unit_2{
	top:150px
}
.frame_unit_3{
	top:300px;
}

/**
 *pointer
 */
.pointer{
	height:600px;
	position:relative;
	top:0px;
}

/**
 *scrollContent
 */
.scrollTrigger{
	overflow:hidden;
	top:0px;
}
.scrollContent{
	height:600px;
	position:relative;
	top:0px;
}

.Content_step_1, .Content_step_2, .Content_step_3{
	position:absolute;
	height:600px;
}

.Content_step_1{
	top:0px;
}
.Content_step_2{
	top:600px;
}
.Content_step_3{
	top:1200px;
}



/**
 * @author xxdalston@gmail.com
 */
#step .active_index{background:orange;}
#step1{width:200px;height:100px;margin-bottom:50px;background:red;}
#step2{width:200px;height:100px;margin-bottom:50px;background:green;}
#step3{width:200px;height:100px;margin-bottom:50px;background:blue;}

.scrollbar{
	height: 400px;
	width:5px;
	background:#808080;border-radius:4px;
	border:2px solid #808080;
	border-top-color:#666;
	line-height:0;	
}
.pointer {
	top:40px ; 
	width: 16px;
}
